<template>
  <div class="basics">
    <h1 class="basics_title">详情</h1>
    <div class="title_row basics_row">
      <div class="basics-title_row">
        <div class="title_left">商品副标题:</div>
        <div class="title_right">
          <el-input maxlength="30" v-model=" productView.product.subTitle" size="large" placeholder="商品副标题"></el-input>
          <div class="text-inrto">展示在商品详情页中</div>
        </div>
      </div>
      <div class="basics-title_row">
        <div class="title_left">商品简介:</div>
        <div class="title_right">
          <el-input type="textarea" maxlength="300" v-model=" productView.productDetail.productDetailExtension.brief" size="large" placeholder="商品简介"></el-input>
          <div class="text-inrto">展示在商品副标题下面</div>
        </div>
      </div>
      <div class="basics-title_row">
        <div class="title_left">商品详情:</div>
        <div class="title_right">
          <x-editor v-model="productView.productDetail.intro"></x-editor>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  // import VueUeditorWrap from 'x-editor'
  import ala from 'ala'
  export default {
    props: {
      productView: {}
    },
    components: {
      // VueUeditorWrap
    },
    mounted () {
      this.init()
    },
    methods: {
      init () {
        if (this.productView.productDetail.intro === null) {
          this.productView.productDetail.intro = ''
        }
      }
    }
  }
</script>

<style>
  .edui-default .edui-editor {
    width: 1024px !important;
  }
  .edui-editor-iframeholder {
    width: 1024px !important;
  }
</style>
